html {
  font-size: 14px;
  font-family: Microsoft Yahei, Arial, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-spacing: 1px;
  color: #333;
  height: 100%;
  margin: auto;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  background-color: #ffffff;
  height: 100%;
  line-height: 1.3;
  font-family: Microsoft Yahei, Arial, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  & div, input, img, textarea, p, a, span, samp, i, em, b, strong, ul, li, ol, dd, dl {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
  }
  & img {
    max-width: 100%;
    vertical-align: middle;
    margin: 0;
    padding: 0;
  }
  & button,select,input{
    &:focus {
      outline: none;
    }
  }


  //页面样式
  & .banner {
    position: relative;
  }
  & .ym-from {
    position: absolute;
    padding: 20px 0;
    left: 66%;
    top: 19%;
    background-color: #fff;
    width: 259px;
    height: 304px;
    & .tit {
      font-weight: 700;
      text-align: center;
      font-size: 20px;
      margin-bottom: 10px;
      & span {
        display: block;
        color: #ff5000;
      }
    }
    & .activity-audition {
      width: 100%;
      padding: 0 1.428571428571429rem;
    }
    & .form-wrap .input-wrap {
      padding: 0 .857142857142857rem 0 3.714285714285714rem;
      position: relative;
      width: 100%;
      height: 3.071428571428572rem;
      margin-bottom: .714285714285714rem;
      border: 1px solid #ccc;
      border-radius: .285714285714286rem;
      background: #fff;
    }
    & .img-user {
      width: 2.928571428571428rem;
      position: absolute;
      top: 0;
      left: 0;
    }
    & .user-pi {
      height: 43px;
      border: 1px solid #ddd;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
    }
    & .user-img {
      float: left;
      width: 41px;
      height: 41px;
    }
    & .user-name {
      border: none;
      border-left: #e4e2df 1px solid;
      width: calc(100% - 53px);
      height: 32px;
      font-size: 1rem;
      color: #666;
      margin-top: 5px;
      padding-left: 10px;
    }
    & .mtop {
      margin-top: 10px;
    }
    & .bmsubmit {
      border: none;
      margin-top: 10px;
      width: 100%;
      height: 3.071428571428572rem;
      background: #ff5000;
      color: #fff;
      font-size: 1.142857142857143rem;
      border-radius: .285714285714286rem;
      padding: 0;
      font-weight: 700;
      cursor: pointer;
    }
    //下拉框
    & .user-pinianji {
      width: 48%;
      height: 43px;
      position: relative;
      float: left;
    }
    & .user-pinianji-fr {
      width: 48%;
      height: 43px;
      position: relative;
      float: right;
    }
    & .select {
      width: 100%;
      height: 43px;
      font-size: 1rem;
      color: #999;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: #fff;
      padding-left: 24%;
      border-radius: 6px;
      border: #e0dedb 1px solid;
    }
    & .select-img {
      position: absolute;
      width: 2.928571428571428rem;
      right: 0;
      left: inherit;
      pointer-events: none;
    }
  }
}
